* {
  padding: 0;
  margin: 0;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
#header {
  background: #ccc;
  height: 200px;
  width: 100%;
}
#container {
  width: 1028px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#container .container-left {
  width: 300px;
  float: left;
}
#container .container-left #left-side {
  width: 300px;
  height: 300px;
  background: #f00;
}
#container .container-right {
  width: 700px;
  height: 1000px;
  float: right;
  background: #ff0;
}
#footer {
  width: 100%;
  height: 500px;
  background: #cc0;
}
